<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <th:block th:replace="~{/_include/header}" />
    <meta name="page-help" content="https://getrebuild.com/docs/admin/entity/layout#%E5%88%97%E8%A1%A8%E9%A1%B5%E9%9D%A2" />
    <title>[[${bundle.L('高级配置')}]]</title>
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/entity-advanced.css}" />
  </head>
  <body>
    <div class="rb-wrapper rb-fixed-sidebar rb-collapsible-sidebar rb-collapsible-sidebar-hide-logo rb-aside rb-color-header" th:classappend="${sideCollapsedClazz}">
      <th:block th:replace="~{/_include/nav-top}" />
      <th:block th:replace="~{/_include/nav-left-admin(active='entities')}" />
      <div class="rb-content">
        <aside class="page-aside">
          <div class="rb-scroller-aside rb-scroller">
            <div class="aside-content">
              <div class="content">
                <div class="aside-header">
                  <button class="navbar-toggle collapsed" type="button"><span class="icon zmdi zmdi-caret-down"></span></button>
                  <span class="title">[[${entityLabel}]]</span>
                  <p class="description">[[${comments}]]</p>
                </div>
              </div>
              <th:block th:replace="~{/admin/metadata/subnav-entity(active='advanced')}" />
            </div>
          </div>
        </aside>
        <div class="page-head">
          <div class="page-head-title">[[${bundle.L('高级配置')}]]</div>
        </div>
        <div class="main-content container-fluid pt-0" th:if="${!isBizz}">
          <div class="card">
            <div class="card-header">
              [[${bundle.L('列表模式')}]]
              <sup class="rbv"></sup>
              <i class="support-plat2 mdi mdi-monitor mt-1" th:title="${bundle.L('PC 端适用')}"></i>
            </div>
            <div class="card-body mode-select">
              <div class="row">
                <div class="col">
                  <div class="row ph">
                    <div class="col-2 p-0">
                      <div class="block"></div>
                    </div>
                    <div class="col-10 p-0">
                      <div class="block" style="height: 10%"></div>
                      <div class="block" style="height: 90%">
                        <div class="block-item mt-1"></div>
                        <div class="block-item"></div>
                        <div class="block-item"></div>
                      </div>
                    </div>
                  </div>
                  <div class="text-center">
                    <h5 class="font-weight-bold">[[${bundle.L('标准模式')}]]</h5>
                    <div class="btn-group">
                      <button class="btn btn-secondary J_mode-select" type="button" data-mode="1">[[${bundle.L('使用')}]]</button>
                      <button class="btn btn-secondary J_mode1-option w-auto" type="button"><i class="icon zmdi zmdi-settings"></i></button>
                    </div>
                  </div>
                </div>
                <div class="col">
                  <div class="row ph">
                    <div class="col-3 p-0">
                      <div class="block">
                        <div class="block-item mt-1"></div>
                        <div class="block-item"></div>
                        <div class="block-item"></div>
                      </div>
                    </div>
                    <div class="col-9 p-0">
                      <div class="block"></div>
                    </div>
                  </div>
                  <div class="text-center">
                    <h5 class="font-weight-bold">[[${bundle.L('详情模式')}]]</h5>
                    <div class="btn-group">
                      <button class="btn btn-secondary J_mode-select" type="button" data-mode="2">[[${bundle.L('使用')}]]</button>
                      <button class="btn btn-secondary J_mode2-option w-auto" type="button"><i class="icon zmdi zmdi-settings"></i></button>
                    </div>
                  </div>
                </div>
                <div class="col">
                  <div class="row ph">
                    <div class="col-2 p-0">
                      <div class="block"></div>
                    </div>
                    <div class="col-10 p-0">
                      <div class="block">
                        <div class="block-item3" style="margin-left: 3%">
                          <i class="mdi mdi-image-outline"></i>
                          <div class="block-item"></div>
                        </div>
                        <div class="block-item3">
                          <i class="mdi mdi-image-outline"></i>
                          <div class="block-item"></div>
                        </div>
                        <div class="block-item3">
                          <i class="mdi mdi-image-outline"></i>
                          <div class="block-item"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="text-center">
                    <h5 class="font-weight-bold">[[${bundle.L('卡片模式')}]]</h5>
                    <div class="btn-group">
                      <button class="btn btn-secondary J_mode-select" type="button" data-mode="3">[[${bundle.L('使用')}]]</button>
                      <button class="btn btn-secondary J_mode3-option w-auto" type="button"><i class="icon zmdi zmdi-settings"></i></button>
                    </div>
                  </div>
                </div>
                <div class="col"></div>
              </div>
            </div>
          </div>
          <div class="card">
            <div class="card-header">[[${bundle.L('删除实体')}]]</div>
            <div class="card-body">
              <p
                th:utext="${bundle.L('**实体删除后将无法恢复，请务必谨慎操作。** [] 删除前，必须将该实体下的记录全部清空。如果这是一个主实体，则需要先将明细实体删除。如果此实体已被其他实体 (字段) 引用，则需要先删除引用字段。')}"
              ></p>
              <div>
                <label class="custom-control custom-control-sm custom-checkbox custom-control-inline mb-2">
                  <input class="custom-control-input J_drop-check" type="checkbox" />
                  <span class="custom-control-label">[[${bundle.L('我已知晓风险')}]]</span>
                </label>
                <label class="custom-control custom-control-sm custom-checkbox custom-control-inline mb-2 bosskey-show">
                  <input class="custom-control-input J_drop-force" type="checkbox" />
                  <span class="custom-control-label">[[${bundle.L('强制删除')}]]</span>
                </label>
              </div>
              <div>
                <button type="button" class="btn btn-danger J_drop-confirm" disabled="disabled"><i class="zmdi zmdi-delete icon"></i> [[${bundle.L('确定')}]]</button>
                <button type="button" class="btn btn-warning J_truncate-confirm ml-2 bosskey-show" disabled="disabled"><i class="mdi mdi-alert-outline icon"></i> [[${bundle.L('清空数据')}]]</button>
                <div class="alert alert-warning alert-icon hide col-sm-6 mb-0">
                  <div class="icon"><span class="zmdi zmdi-alert-triangle"></span></div>
                  <div class="message">[[${bundle.L('系统内置，不允许删除')}]]</div>
                </div>
              </div>
            </div>
          </div>
          <div class="card bosskey-show">
            <div class="card-header">[[${bundle.L('导出实体')}]]</div>
            <div class="card-body">
              <p class="link" th:utext="${bundle.L('将实体的元数据导出，方便与其他实例间共享。你也可以将导出文件发布到 [RB 仓库](https://getrebuild.com/market/go/1220-rb-store)。')}"></p>
              <div>
                <a th:href="|../entity-export?id=${entityMetaId}|" target="_blank" class="btn btn-primary"><i class="zmdi zmdi-cloud-download icon"></i> [[${bundle.L('导出')}]]</a>
              </div>
            </div>
          </div>
        </div>
        <div class="main-content container-fluid pt-0" th:if="${isBizz}">
          <div class="alert alert-warning alert-icon">
            <div class="icon"><span class="zmdi zmdi-alert-triangle"></span></div>
            <div class="message">[[${bundle.L('系统内置，不允许修改')}]]</div>
          </div>
        </div>
      </div>
    </div>
    <th:block th:replace="~{/_include/footer}" />
    <script>
      window.__PageConfig = {
        id: '[[${entityMetaId}]]',
        isSuperAdmin: '[[${isSuperAdmin}]]' === 'true',
        entityName: '[[${entityName}]]',
        extConfig: [(${entityExtConfig ?:'null'})],
      }
    </script>
    <script th:src="@{/assets/js/general/rb-advfilter.js}" type="text/babel"></script>
    <script th:src="@{/assets/js/metadata/entity-switch.js}" type="text/babel"></script>
    <script th:src="@{/assets/js/metadata/entity-advanced.js}" type="text/babel"></script>
  </body>
</html>
